
body {
	font-family: Verdana, Arial, sans-serif;
	color: #333333;
	background-color: white;
}

h1 {
	font-family: Arial;
	font-size: 40px;
	font-weight: bold;
	text-align: middle;
	padding: 5px 40px 5px 20px;
	color: #DE8A01;
}

h2 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	background: url(../images/bg/dots.gif) repeat-x bottom left;
	padding-bottom: 3px;
	display: block;
}

h3 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background: url(../images/bg/dots.gif) repeat-x bottom left;
	padding-bottom: 3px;
	display: block;
}

.section {
	border: 1px solid #999999;
	width: 250px;
	margin-bottom: 10px;
}

.sectionHeader {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background: url(../images/bg/dots.gif) repeat-x bottom left;
	padding-bottom: 3px;
	display: block;
}

.mainSection {
	border: 1px solid #999999;
	width: 750px;
	padding: 0px 10px 10px 10px;
	height: 600px;
	overflow: scroll;
}

.hr {
	font-size: 1px;
	padding: 0px;
	height: 1px;
	border-bottom: 1px solid #cccccc;
	margin: 0px 0px 6px 0px;
	clear: both;
}

.menu {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #DE8A01;
}

.dataTable {
	
}

.dataTable th {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #DE8A01;
	vertical-align: middle;
	padding-top: 10px;
}

.dataTable th a{
	text-decoration: none;
	color: #DE8A01;
}

.dataTable th a:hover{
	text-decoration: underline;
	color: #DE8A01;
}

.dataTable td {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	vertical-align: middle;
	padding-top: 10px;
	border-bottom: 1px dotted #cccccc;
}

.dataTable tr.subSummary td{
	font-size: 13px;
	font-weight: bold;
}

.button {
	width: 64px;
	background: url(../images/bg/btn.gif);
	color: #ffffff;
	text-align: center;
	height: 14px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	font-size: 10px;
	margin: 0px 2px 0px 2px;
}
	
.longButton {
	width: 90px;
	background: url(../images/bg/btn_long.gif);
	color: #ffffff;
	text-align: center;
	height: 14px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	font-size: 10px;
	margin: 0px 2px 0px 2px;
}

.moreButton {
	background: url(../images/bg/btn_more.gif) no-repeat top right;
	padding: 0px 20px 0px 0px;
	margin: 0px;
	font-weight: normal;
	white-space: nowrap;
	color: #333333;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}

.field, select, input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	padding: 0px;
	margin: 0px;
	height: 18px;
}

select, input {
	border: 1px solid #B4B4B4;
}

input.textNumber {
	width:100px;
	text-align:right;
}	

input.text50 {
	width:50px;
}	

input.text100 {
	width:100px;
}	

input.text150 {
	width:150px;
}

input.text200 {
	width:200px;
}

select.select50 {
	width:50px;
}

select.select100 {
	width:100px;
}	

select.select150 {
	width:150px;
}

select.select200 {
	width:200px;
}
	
input.checkbox {
	border: 0px;
	padding: 0px;
	vertical-align: middle;
	float: left;
	margin: 1px 7px 0px 5px;
	width: 13px;
	height: 13px;
	padding: 1px 2px 1px 2px;
}	

label, .label {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	height: 18px;
	color: #333333;
}


.infoMessage {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #2f7001;
}



.titleTableImageColumn {
	width:100px;
	text-align: center;
}

.titleTableYearColumn{
	width:60px;
	text-align: center;
}

.titleTableTitleColumn{
	width:150px;
	text-align: left;
}

.titleTableClassificationColumn{
	width:50px;
	text-align: center;
}

.titleTableDescColumn {
	width:300px;
	text-align: left;
}


.reservationTableImageColumn{
	width:100px;
	text-align: center;
}

.reservationTableTitleColumn{
	width:150px;
	text-align: left;
}

.reservationTableMediumTypeColumn{
	width:70px;
	text-align: center;
}

.reservationTableSoreNameColumn{
	width:150px;
	text-align: left;
}

.reservationTableExpiryDateColumn{
	width:100px;
	text-align: center;
}

.reservationTableActionColumn{
	width:100px;
	text-align: center;
}




.rentalTableImageColumn{
	width:100px;
	text-align: center;
}

.rentalTableTitleColumn{
	width:150px;
	text-align: left;
}

.rentalTableMediumTypeColumn{
	width:70px;
	text-align: center;
}

.rentalTableSoreNameColumn{
	width:150px;
	text-align: left;
}

.rentalTableDueDateColumn{
	width:100px;
	text-align: center;
}

.rentalTableReturnDateColumn{
	width:100px;
	text-align: center;
}

.rentalTableStatusColumn {
	width:50px;
	text-align: center;
}




.customerTableIdColumn{
	width:100px;
	text-align: center;
}

.customerTableUserNameColumn{
	width:100px;
	text-align: left;
}

.customerTableFirstNameColumn{
	width:200px;
	text-align: left;
}

.customerTableLastNameColumn{
	width:200px;
	text-align: left;
}

.customerTableActionColumn{
	width:250px;
	text-align: center;
}



.staffTableStoreNameColumn{
	width:100px;
	text-align: left;
}

.staffTableIdColumn{
	width:100px;
	text-align: center;
}

.staffTableUserNameColumn{
	width:100px;
	text-align: left;
}

.staffTableFirstNameColumn{
	width:100px;
	text-align: left;
}

.staffTableLastNameColumn{
	width:100px;
	text-align: left;
}

.staffTableActionColumn {
	width:100px;
	text-align: center;
}



.storeTableIdColumn{
	width:100px;
	text-align: center;
}

.storeTableStoreNameColumn{
	width:100px;
	text-align: left;
}

.storeTableActionColumn{
	width:100px;
	text-align: center;
}


.rentalTable2TitleCopyIdColumn{
	width:100px;
	text-align: center;
}

.rentalTable2ImageColumn{
	width:100px;
	text-align: center;
}

.rentalTable2TitleColumn{
	width:100px;
	text-align: left;
}

.rentalTable2PriceColumn{
	width:100px;
	text-align: right;
}

.rentalTable2ActionColumn{
	width:100px;
	text-align: center;
}



.returnTableTitleCopyIdColumn{
	width:100px;
	text-align: center;
}

.returnTableImageColumn{
	width:100px;
	text-align: center;
}

.returnTableTitleColumn{
	width:100px;
	text-align: left;
}

.returnTablePriceColumn{
	width:100px;
	text-align: right;
}

.returnTableActionColumn{
	width:100px;
	text-align: center;
}


.titleTable2ImageColumn{
	width:100px;
	text-align: center;
}

.titleTable2TitleColumn{
	width:200px;
	text-align: left;
}

.titleTable2ClassificationColumn{
	width:100px;
	text-align: center;
}

.titleTable2ActionColumn{
	width:400px;
	text-align: center;
}


.titleMediaTableMediumTypeColumn{
	width:100px;
	text-align: center;
}

.titleMediaTableMaxRentalPeriodColumn{
	width:200px;
	text-align: right;
}

.titleMediaTableRentalRateColumn{
	width:150px;
	text-align: right;
}

.titleMediaTablePenaltyRateColumn{
	width:150px;
	text-align: right;
}




.titleCopyTableIdColumn{
	width:100px;
	text-align: center;
}

.titleCopyTableMediumTypeColumn{
	width:100px;
	text-align: center;
}

.titleCopyTableStoreNameColumn{
	width:200px;
	text-align: left;
}

.titleCopyTableActionColumn{
	width:200px;
	text-align: center;
}




	